<#assign ctx=springMacroRequestContext.contextPath/>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="${ctx}/plugin/layui/css/layui.css"/>
    <link rel="stylesheet" href="${ctx}/styles/style.css"/>
    <link rel="stylesheet" href="${ctx}/styles/self.css"/>
</head>
<body>
<input id="basePath" type="hidden" value="${ctx}"/>
<div class="root">
    <div class="topbar">
        <div class="topbar-menu">
            <a href="javascript:toPage('root')" class="topbar-menu-item">
                <img src="${ctx}/image/menu01.png"/><span>连接</span>
            </a>
            <a href="javascript:toPage('data')" class="topbar-menu-item">
                <img src="${ctx}/image/menu02.png"/><span>数据</span>
            </a>
            <a href="javascript:toPage('info')" class="topbar-menu-item">
                <img src="${ctx}/image/menu03.png"/><span>信息</span>
            </a>
            <a href="javascript:toPage('conf')" class="topbar-menu-item">
                <img src="${ctx}/image/menu04.png"/><span>配置</span>
            </a>
            <a href="javascript:toPage('self')" class="topbar-menu-item curr">
                <img src="${ctx}/image/menu05.png"/><span>关于</span>
            </a>
        </div>
        <div class="topbar-logo"><img src="${ctx}/image/page-logo.png"/></div>
    </div>
    <div class="handle">
        <div class="handle-left">
            <div class="app-logo"><img src="${ctx}/image/page-logo.png"/></div>
            <div class="app-text">
                RedisPlus是为Redis管理开发的桌面客户端软件，支持Windows 、Linux 、Mac三大系统平台，RedisPlus提供更加高效、方便、快捷的使用体验，有着更加现代化的界面风格。
                该软件参考了RedisStudio的界面逻辑，但是和RedisStudio软件完全没有关系，并不是官方推出的跨平台软件。该软件为开源免费使用（可商用），但是禁止二次开发打包发布盈利，违反必究！
                该软件遵循Apache License 2.0开源协议，致力于为大家提供一个高效的Redis可视化管理软件。
            </div>
            <br>
            <div class="app-info">
                <table class="layui-table" lay-size="lg">
                    <colgroup>
                        <col width="150">
                        <col>
                    </colgroup>
                    <tbody>
                    <tr>
                        <td>软件</td>
                        <td>RedisPlus</td>
                    </tr>
                    <tr>
                        <td>版本</td>
                        <td>${version}</td>
                    </tr>
                    <tr>
                        <td>支持平台</td>
                        <td>Windows 、Linux 、Mac</td>
                    </tr>
                    <tr>
                        <td>软件类型</td>
                        <td>个人开源软件</td>
                    </tr>
                    <tr>
                        <td>开源协议</td>
                        <td>Apache License 2.0</td>
                    </tr>
                    <tr>
                        <td>开源地址</td>
                        <td>https://gitee.com/MaxBill/RedisPlus</td>
                    </tr>
                    <tr>
                        <td>软件作者</td>
                        <td>MaxBill (maxbill1993@163.com)</td>
                    </tr>
                    <tr>
                        <td>作者博客</td>
                        <td>https://my.oschina.net/zss1993</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="handle-right">
            <form class="layui-form layui-form-pane">
                <div class="padding-top-div">
                    <label class="layui-form-label">邮箱地址</label>
                    <div class="layui-input-block">
                        <input type="text" id="mailAddr" autocomplete="off" lay-verify="required|email"
                               placeholder="请输您的邮箱地址" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-div layui-form-text">
                    <label class="layui-form-label">邮件内容</label>
                    <div class="layui-input-block">
                        <textarea id="mailText" placeholder="请在此处输入您的建议或者意见内容..."
                                  class="layui-textarea" lay-verify="required"></textarea>
                    </div>
                </div>
                <div class="layui-form-div" style="text-align: right">
                    <button class="layui-btn set-color" lay-submit="" lay-filter="sendMail">发送邮件</button>
                </div>
                <hr class="layui-form-div set-color">
                <div class="layui-form-div layui-card" style="background: #f2f2f2;">
                    <div class="layui-card-header">邮箱反馈注意事项：</div>
                    <div class="layui-card-body">
                        <li>1.邮箱地址是作者能联系你的方式，请认真填写！</li>
                        <li>2.使用过程中发现BUG或者缺陷请在此反馈！</li>
                        <li>3.使用过程中有好的建议请在此提出，作者会联系你确认需求！</li>
                        <li>4.使用过程中有体验不佳的意见也可在此通道反馈！</li>
                        <li>5.请不要使用次通道发送与该软件无关的信息，谢谢合作！</li>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <div class="status">
        <div class="status-message">${message}</div>
        <div class="status-version">${version}</div>
    </div>
</div>
<script type="text/javascript" src="${ctx}/plugin/layui/layui.js"></script>
<script type="text/javascript" src="${ctx}/script/script.js"></script>
<script type="text/javascript" src="${ctx}/script/self.js"></script>
</body>
</html>